body {
    font-size: 14px;
    font-family: Arial, "微软雅黑";
    background: #fff
}

a,a:hover {
    text-decoration: none
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

img { 
    max-width: 100%
}

/* header sider footer */
.header-top {
    padding: 8px 0 2px 0
}

.header-top .dropdown {
    right: 5px;
    bottom: 8px
}

.header-top .dropdown a {
    color: #787878
}

.header-top .share-btn {
    padding: 0
}

.header-top .share-btn>a {
    display: table;
    width: 28px;
    height: 28px;
    background: #bfbfbf;
    color: #fff;
    text-align: center;
    border-radius: 50%
}

.header-top .share-btn>a:hover {
    background: #e50012
}

.header-top .share-btn>a>i {
    margin-top: 7px
}

.header-main {
    background: #424242;
    z-index: 999;
    width: 100%
}

.navbar {
    margin-bottom: 0
}

.navbar-nav>li>a {
    color: #fff;
    font-weight: bold
}

.navbar-nav>li>a:hover,.navbar-nav>li>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.active-h>a {
    background: #e50012
}

.navbar-toggle {
    color: #fff;
    border-color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 15px
}


.side-p {
    margin-top: 27px
}

.side-p .parent-list li a {
    background: #e6e6e6;
    color: #7e7e7e;
    padding: 15px 30px;
    display: table;
    font-size: 18px
}

.side-p .child-list {
    background: #f1f1f1;
    font-size: 14px;
    margin-top:-5px;
    margin-left: -14px;
    margin-right: -14px;
    padding: 6px 15px
}
.side-p .child-list li {
    padding: 0
}
.side-p .child-list li a {
    color: #7e7e7e;
    padding: 5px 12px;
    display: table
}
.side-p .child-list li a:before {
    content:">";
    margin-right: 3px
}

.side-p .active-s,.parent-list li a:hover {
    background: #df4a43!important;
    color: #fff!important
}
.child-list li a:hover {
    text-decoration: underline
}


footer {
    background: url("images/foot-bg.jpg") left center no-repeat;
    color: #fff
}
footer p {
    margin: 0
}

.footer-main {
    padding: 30px 0
}

.contact-con>p {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px
}
.contact-con i {
    margin-right: 5px
}

.feed-con .form-control {
    background: rgba(255, 255, 255, 0.1);
    color: #fff
}

.footer-down {
    padding: 15px 0 12px 0;
    background: #424242
}.

/* header sider footer ^ */

/* main */
#home-page .banner {
    padding-bottom: 50px
}
.banner .swiper-pagination {
    bottom: -35px;
    width: 100%
}

.my-breadcrumb {
    background: #f0f0f0;
    padding: 10px 15px
}
.my-breadcrumb i {
    margin-right: 5px
}
.breadcrumb {
    padding-top: 0!important;
    padding-bottom: 0!important;
    color: #545454;
    display: table;
    margin: 0
}
.breadcrumb>li+li::before {
    content: ">>";
    color: #545454
}

.home-tit,.page-tit {
    text-align: center
}
.home-tit h1,.page-tit h1 {
    font-size: 2.8em
}
.home-tit p {
    color: #949494
}
.choose-con .home-tit p {
    color: #fff
}

.page-tit {
    margin: 0 auto 35px auto;
    width: 80%
}
.page-tit>div {
    border-top: 1px solid #ddd;
    width: 22%;
    margin: 0 auto
}
.page-tit>div>.caret {
    border-top: 10px dashed;
    border-top: 10px solid \9;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin-top: -13px
}
.page-tit>span {
    color: #848484
}

.about-con,.news-con {
    padding: 10px 0 70px 0
}

.about-con>.container {
    margin-top: 45px
}

.about-con .col-md-6 {
    margin-bottom: 15px
}

.about-txtR {
    text-align: right
}
.about-txtL {
    text-align: left
}
.about-txtL h3,.about-txtR h3 {
    font-weight: bold;
    text-transform: uppercase
}

.about-con .col-md-6:nth-child(1) a {
    background: url("images/tools1-off.png") center no-repeat;
    display: table;
    padding: 52px
}
.about-con .col-md-6:nth-child(2) a {
    background: url("images/tools2-off.png") center no-repeat;
    display: table;
    padding: 52px
}
.about-con .col-md-6:nth-child(3) a {
    background: url("images/tools3-off.png") center no-repeat;
    display: table;
    padding: 52px
}
.about-con .col-md-6:nth-child(4) a {
    background: url("images/tools4-off.png") center no-repeat;
    display: table;
    padding: 52px
}
.about-con a:before {
    content:" ";
    opacity: 0
}
.about-con .col-md-6:nth-child(1) a:hover {
    background: url("images/tools1-on.png") center no-repeat;
}
.about-con .col-md-6:nth-child(2) a:hover {
    background: url("images/tools2-on.png") center no-repeat;
}
.about-con .col-md-6:nth-child(3) a:hover {
    background: url("images/tools3-on.png") center no-repeat;
}
.about-con .col-md-6:nth-child(4) a:hover {
    background: url("images/tools4-on.png") center no-repeat;
}

.product-con {
    background: #f0f0f0;
    padding: 20px 0 80px 0
}

.product-con .thumbnail {
    border: 0;
    padding: 0;
    margin-bottom: 0
}
.product-con .caption {
    background: #fff;
    padding: 15px;
    text-align: center
}

.product-main {
    margin-top: 45px
}

.choose-con {
    background: url("images/home-choose.jpg") center no-repeat;
    height: 519px;
    color: #fff;
    padding: 30px 0 20px 0;
    text-align: center
}

.choose-con .main-txt {
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 30px;
    font-weight: bold
}
.choose-con a {
    display: table;
    margin: 0 auto;
    background: #e22b1e;
    color: #fff;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px
}

.news-item {
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 22px 15px 20px 15px
}

.news-item>.item-tit {
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    margin-bottom: 10px
}
.news-item>.item-date {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.news-item>.item-summ {
    color: #878787
}
.news-item>.item-summ>a {
    color: #e22b1e;
    font-weight: bold
}
.news-item>.item-summ>a:hover {
    text-decoration: underline
}

.contact-main {
    background: #ececec;
    border-top-left-radius: 30px;
    padding:20px
}

.contact-feed {
    background: #e22b1e;
    padding: 20px 20px 30px 20px
}
.contact-feed>h3 {
    color: #fff;
    text-align: center;
    margin: 10px auto 20px
}
.contact-feed>div {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #29273e;
    text-align: center;
    color: #fff;
    font-size: 2.4em;
    margin: 0 auto
}
.contact-feed>div>i {
    margin-top: 23px;
    margin-left: 3px
}

.downTable {
    text-align: center;
    overflow-x: scroll
}

.downTable>thead {
    background: #244c8f;
    color: #fff;
    
}



.product-page>div>div {
    margin-bottom: 20px
}
.product-page .product-list-item {
    box-shadow: 0px 0px 10px #ddd;
    padding:10px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s
}
.product-page .product-list-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: rgba(223,74,67,0.6);
    transition: all 0.5s ease
}

.product-page .caption {
    overflow: hidden;
    display: block
}
.product-page .caption a {
    font-size: 12px;
    color: #898989;
    display: table;
    margin: 0 auto;
    padding-top:15px;
    height:65px;
    text-align: center
}

.product-page .product-list-item>.jump {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all 0.5s
}
.product-page .product-list-item>.jump a {
    color: #fff;
    font-size: 16px;
    text-shadow: 0px 0px 5px #878787;
    padding: 30% 15px 50% 15px
}

.product-page>div>div:hover .product-list-item {
    box-shadow: none
}
.product-page>div>div:hover .product-list-item::before {
    height: 100%
}
.product-page>div>div:hover .product-list-item>.jump {
    top: 30%
}

.product-area {
    border-top: 2px solid #df4a43;
    background: #f1f1f1
}

.img-thumbnail {
    border: 0
}

.spec-items {
    display: block;
    margin-bottom: 30px
}
.spec-items>ul {
    display: block
}
.spec-items>ul>li {
    width: 20%;
    width: 20%\9;
    float: left;
    padding: 2px 5px
}
.spec-items>ul>li>a {
    width: 100%
}

.pro-summary>h4 {
    margin-top:0
}
.pro-summary>p {
    color: #656565;
    margin-bottom: 20px
}

.email {
    padding: 5px 12px;
    margin-bottom:20px;
    background: #df4a43;
    color: #fff;
    border-radius: 5px;
    display: table
}
.email:hover {
    color: #fff
}
.email>i {
    margin-right: 3px
}

.turn-btn {
    margin-top: 30px
}
.turn-btn>a {
    font-size: 14px;
    padding: 5px 15px;
    color: #333;
    border: 1px solid #333;
    border-radius: 20px
}
.turn-btn>a:hover {
    background: #da251c;
    color: #fff
}

.product-content {
    margin: 35px 0;
    border: 1px solid #ddd;
    background: #fff
}

.check-card {
    height: 30px;
    background: #ececec
}
.check-card span {
    font-size: 14px;
    display: table;
    background: #fff;
    text-align: center;
    padding: 4px 15px;
    border-right: 1px solid #ddd;
    border-top: 2px solid #df4a43
}

.sup-box h4 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
    background: #df4a43;
    padding: 5px 15px
}

.sup-box .breadcrumb {
    padding: 0;
    margin-bottom: 10px
}
.sup-box .breadcrumb a:hover {
    text-decoration: underline
}

.sup-box .product-list-item .caption a {
    color: #787878;
    text-align: center;
    display: table
}

.news-list li {
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc
}
.news-list li a {
    color: #545454
}
.news-list li a:before {
    content: ">";
    margin-right: 3px
}


.headnews {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px
}

.headnews h4 {
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    padding-bottom: 15px;
    font-weight: bold
}
.headnews h4 a {
    color: #333
}
.headnews h4 a:before,
.news-table li:before {
    font-family: FontAwesome;
    content: "\f138";
    margin-right: 5px
}

.news-table li {
    border: 1px solid;
    border-top-color: transparent;
    border-bottom-color: #ddd;
    border-left-color: transparent;
    border-right-color: transparent;
    margin-bottom: 15px;
    padding: 15px 5px
}
.news-table li a {
    padding: 15px 0
}

.news-table .news-title {
    color: #767676
}
.news-table li:hover {
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px #aaa
}

.news-page h3 {
    border-bottom: 0;
    padding-bottom: 0
}

.relanews-box {
    border-left: 1px solid #bbb;
    padding-left:30px
}
.relanews-box>h3 {
    background: #f3f3f3;
    font-size: 16px;
    display: table;
    padding: 10px 55px 10px 15px;
    margin-bottom: 20px
}

.rela-news {
    margin-bottom: 60px
}
.rela-news>li {
    padding: 15px 20px;
    box-shadow: 0px 0px 8px #ddd;
    margin-bottom: 20px
}
.rela-news a {
    display: block;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    color: #5d5d5d;
    font-weight: bold;
    font-size: 14px
}
.rela-news span {
    margin: 8px 0;
    display: table
}

.main-content {
    padding: 40px 0px;
    border-top: 1px dotted #777;
    border-bottom: 1px solid #bbb;
}


.product-content table {
    width: 100%
}
.product-content table td {
    border: 1px solid #333;
    padding: 5px;
    overflow-wrap: break-word;
   text-align: center;
}

/* main ^ */


ul:before, ul:after,.footer-main:before,.footer-main:after,.tools-box>div:before,.tools-box>div:after,
.choose-con>div>div:before,.choose-con>div>div:after,.news-item:before,.news-item:after,.headnews:before,.headnews:after,
.about-con .col-md-6:before,.about-con .col-md-6:after {
    display: table;
    content: " "
}

ul:after,.footer-main:after,.tools-box>div:after,.choose-con>div>div:after,.news-item:after,.headnews:after,.about-con .col-md-6:after {
    clear: both
}


@media(min-width:768px) {
    


}

@media(min-width:992px) {
    .header-main .col-md-3 {
        margin-top: 22px
    }

    .navbar-nav>li>a {
        padding-top:30px!important;
        padding-bottom: 30px!important;
        padding-left: 12px!important;
        padding-right: 12px!important;
        font-size: 16px
    }

    .navbar-collapse,.navbar-collapse .navbar-nav {
        float: right!important
    }

    .navbar-collapse {
        padding-right: 0!important
    }
    
}

@media(min-width:1200px) {
    .header-main .col-md-3 {
        margin-top: 19px
    }
    
    .navbar-nav>li>a {
        padding-left: 20px!important;
        padding-right: 20px!important;
        
    }
}

@media(max-width:992px) {
    .header-main .col-md-3 {
        padding: 15px
    }
}

@media(max-width:992px) and (min-width:768px) {
    .tools-box>a {
        padding-left: 15px
    }
    .tools-box>a h3 {
        margin-top: 0
    }
}

@media(max-width:768px) {
    .link-item {
        margin-bottom: 15px
    }
    .link-item .caption {
        height: 110px;
        overflow: hidden
    }

    .choose-con {
        padding-top: 5px
    }

    .footer-main {
        padding: 0
    }
}
.text-right a{
    color: #fff
}